<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="c1.css" />
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.login_head{
				width: 1000px;
				height: 500px;
				/*border: 1px solid red;*/
				
				position: relative;
				margin: 0 auto;
				top: 100px;
				
				
				background-repeat: no-repeat;
			}
			.login_content{
				height: 80px;
				/*border: 1px solid blue;*/
			}
			.login_UP{
				
				margin-left: 100px;
			}
			tr td{
				height: 30px;
				color: grey;
			}
			input[type='button']{
				width: 70px;
				height: 30px;
				background-color: goldenrod;
				margin-top: 10px;
				}
				
			.little_thing ul li{
					background: url(images/cont_w1.png);
					background-repeat: no-repeat;
					list-style: none;
					text-indent: 25px;
					height: 60px;
					line-height: 40px;
					color: #808080;
					
				}
				a{
					color:dodgerblue;
				}
				
				.login_border{
					border: 1px solid gray;
					width: 0;
					height: 400px;
					border-collapse: collapse;
					margin-top: -400px;
					margin-left: 550px;
					
				}
				
				.login_register{
					margin-top: -385px;
					margin-left: 580px;
				}
				.login_user{
					margin-top: -30px;
				}
				.login_foot{
					width: 300px;
					height: 80px;
					border: 2px solid goldenrod;
					padding-top: 15px;
					margin-top: 15px;
					background-color: moccasin;
				}
				.foot1{
					width: 250px;
					height: 20px;
					border: 1px solid darkgoldenrod;
					padding-top: 10px;
					text-align: center;
					margin-left: 25px;
					line-height: 10px;
					background-color: #FAFAD2;
					color: #808080;
				}
				.foot2{
					width: 250px;
					height: 20px;
					border: 1px solid darkgoldenrod;
					padding-top: 10px;
					margin-left: 25px;
					margin-top: 5px;
					text-align: center;
					line-height: 10px;
					background-color: #FAFAD2;
					color: #808080;
				}
				.login_register ul li{
					list-style:  none;
					height: 50px;
			        color: #808080;
				}
				.login_register input[type='button']{
					width: 120px;
					height: 30px;
					background-color: goldenrod;
					
			         margin-left: 100px;
				}
				.login_foot a{
			         color: #808080;
				}
				.login_head1{
					margin-top: -180px;
				}
		</style>
	</head>
	<body>
		
		<div class="login_head">
				<iframe src="header.html" width="1000px" height="300px" frameborder="0" scrolling="no"></iframe>
				<div class="login_head1">
			<div class="login_content">		
			</div>
			
			<div class="login_user">
				<img src="images/logintitle.gif" />
				</div>
				<div class="login_UP">
					<table>
						<tr>
							<td>会员名：</td>
							<td><input type="text"/>(可包含a-z，0-9和下划线)</td>
						</tr>
						<tr>
							<td> 密码：</td>
							<td><input type="text"/>(至少包含六个字符)</td>
						</tr>
						<tr>
							<td></td>
						    <td><a href="login_success.html"><input type="button" value="登录"/></a></td>
						</tr>
					</table>
				
				
			</div>
				<div class="little_thing">
					<ul>
						<li><a href="#">什么是安全登录？</a></li>
						<li>香港會員(繁體中文用户)由此<a href="#">登录</a></li>
						<li><a href="#">密码安全贴士。</a></li>
						<li>防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。</li>
					</ul>
				</div>
				
				<div class="login_border">
				</div>
				<div class="login_register">
					<img src="images/register.gif" />
						<ul>
							<li><a href="#">便宜有好货！</a>超过7000万件商品任你选。</li>
							<li><a href="#">买卖更安全！</a>交易更安全。</li>
							<li><a href="#">免费开网店！</a>轻松赚钱交友。</li>
							<li><a href="#">超人气社区！</a>彩活动每一天。</li>
							</ul>
							<a href="register.html" target="_top"><input type="button" value="现在就注册"/> </a>
							<div class="login_foot">
								<div class="foot1">
									<p>您已经是会员?<a href="#">由此登录</a></p>
								</div>
								<div class="foot2">
									<p>繁体中文用户由此<a href="register.html">注册</a></p>
								</div>
								
							</div>
				</div>
				</div>
				<iframe src="foot.html" width="1000px" height="300px" frameborder="0" scrolling="no"></iframe>
		</div>
	</body>
</html>
